<?php $this->load->view('_inc/header')?>
<script>
$(document).ready(function(){
   $('.cadastrar').click(function(){
           var divEditar = $('.popUp');
           $.ajax({
                url: '<?php echo base_url()?>index.php/cidade/cadastrarCidade',
                type: 'POST',
                success: function(data){
                    divEditar.html(data);
                    abrePopUp();
                }
        });
    });    
});
</script>

<h1>Escolha a cidade que deseja conhecer:</h1>

<div class="opcaoDivs escolhaCidades">
    <?php foreach($cidades as $cidade){ if (!empty($cidade)) { ?>
        <div onClick="window.location.href='<?php echo base_url();?>cidade/visualizarCidade/<?php echo $cidade['id']; ?>'">
            <img src="<?php echo base_url().'public/imagens/cidade/fotos/'.$cidade['id'].'.jpg'?>" height="100"/><br>
            <h2><?php echo $cidade['cidade']; ?></h2>
        </div>
    <?php } } ?>
</div>

<div style="clear:both; margin:20px;margin-top:50px">
    <button style="clear:both" class="cadastrar">Nova Cidade</button>
</div>

<?php $this->load->view('_inc/footer')?>
